html, body{
    margin: 0;
    background: #000;
    color: #def;
}
.outwrapper{
    overflow: hidden;
}
.plates,
.hub{
    position: relative;
    margin: 0;
    overflow: hidden;
    ul{
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 1;
        li{
            position: relative;
            vertical-align: top;
            display: inline-block;
            width: 200px;
            @height: 200px;
            height: @height;
            margin: 0;
            @padding: 4px;
            padding: @padding;
            .container{
                position: relative;
                overflow: hidden;
                height: @height - @padding;
            }
        }        
    }
    .title{
        padding: 0 20px;
        font-size: 40px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        color: #049;
    }
}
.button{
    border: none;
    display: inline-block;
    padding: 4px;
    margin: 4px;
    width: 140px;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
}
.button:hover{
    text-decoration: underline;
}

.container.block,
.container.type,
.container.structure{
    text-align: center;
    background: #009;
    color: #fff;
    .button{
       background: none;
       color: #fff;  
    }
    .button:active{
        position: relative;
        top: 1px;
    }
}
.container.type{
    background: #014;
}
.container.empty{
    background: none;
}

.container.block{
    background: #05a;
}